<template>
  <div>
	  <div class="title">热门推荐</div>
	  <ul class="menu">
		  <li @click="menu1">笔记本</li>
		  <li @click="menu2">手机</li>
		  <li @click="menu3">服装</li>
	  </ul> 
  </div>
</template>

<script type="text/javascript">
	import Msg from './BusLineMsg.js'
	export default {
		methods:{
			menu1: function(){
				Msg.$emit("opt","1");
			},
			menu2: function(){
				Msg.$emit("opt","2");
			},
			menu3: function(){
				Msg.$emit("opt","3");
			}
		}
	}
</script>

<style type="text/css">
	.title {
		width: 100px;
		color: red;
	}
	.menu li {
		list-style: none;
		height: 50px;
		margin-bottom: 2px;
		background-color: white;
		line-height: 50px;
		cursor: pointer;
	}
</style>